<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>直接后代</title>
    <style>
        .container > div:first-child {
          color: white;
          background-color: #3498db;
          font-weight: bold;
        }
        .container div {
          border: 1px solid #ddd;
        }
      </style>
    </head>
    <body>
      <div class="container">
        <div>直接子1</div>
        <div>直接子2</div>
        <div>
          <div>更深层的div</div>
        </div>
      </div>
    </body>
    </html>
    